<!--
 * @Description: 
 * @version: 1.0
 * @Company: 
 * @Author: GeYang
 * @Date: 2019-10-26 13:00:49
 * @LastEditors: 
<<<<<<< HEAD
 * @LastEditTime: 2019-12-11 14:26:11
=======
 * @LastEditTime: 2019-12-11 12:52:25
>>>>>>> two
 -->
<template>
  <div>
    <!-- <h1>hello world</h1> -->
    <h1 class="titleClass">MBTI调查问卷I</h1>

    <el-form label-width="8rem" ref="MBTIOne" :model="condition" :rules="rule">
      <el-row>
        <el-col :span="4">
          <el-form-item label="姓名" prop="name">
            <el-input placeholder="请输入内容" v-model="condition.name" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item label="工号" prop="number">
            <el-input placeholder="请输入内容" v-model="condition.number" clearable></el-input>
          </el-form-item>
        </el-col>
        <!-- </el-row> -->

        <!-- <el-row> -->
        <el-col :span="4">
          <el-form-item label="部门" prop="department">
            <el-input placeholder="请输入内容" v-model="condition.department" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item label="岗位" prop="job">
            <el-input placeholder="请输入内容" v-model="condition.job" clearable></el-input>
          </el-form-item>
        </el-col>
        <!-- </el-row> -->

        <!-- <el-row> -->
        <el-col :span="4">
          <el-form-item label="日期" prop="dateTime">
            <el-date-picker
              v-model="condition.dateTime"
              type="datetime"
              placeholder="选择日期时间"
              align="right"
              :picker-options="pickerOptions"
            ></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- 问卷内容 -->
      <!-- ITEM1 -->
      <el-row>
        <el-col :span="22" :offset="1">1、我更愿意学习</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、艺术和手工学科</el-col>
        <el-col :span="5">B、文学和人文科学</el-col>
        <el-col :span="5">C、商业和金融学科</el-col>
        <el-col :span="5">D、科学和工程</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input1">
            <el-input v-model="condition.input1"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input2">
            <el-input v-model="condition.input2"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input3">
            <el-input v-model="condition.input3"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input4">
            <el-input v-model="condition.input4"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-form-item label=" " prop="item"> -->
      <!-- <el-radio v-model="condition.item1" label="A">A、艺术和手工学科</el-radio>
        <el-radio v-model="condition.item1" label="B">B、文学和人文科学</el-radio>
        <el-radio v-model="condition.item1" label="C">C、商业和金融学科</el-radio>
      <el-radio v-model="condition.item1" label="D">D、科学和工程</el-radio>-->
      <!-- </el-form-item> -->
      <!-- ITEM2 -->
      <el-row>
        <el-col :span="22" :offset="1">2、以下哪项条件会令我的自我感觉最好</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、优雅的行为</el-col>
        <el-col :span="5">B、与他人和谐相处</el-col>
        <el-col :span="5">C、独立自主</el-col>
        <el-col :span="5">D、联系自身的创造力</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input5">
            <el-input v-model="condition.input5"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input6">
            <el-input v-model="condition.input6"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input7">
            <el-input v-model="condition.input7"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input8">
            <el-input v-model="condition.input8"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">2、以下哪项条件会令我我的自我感觉最好</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item2" label="A">A、优雅的行为</el-radio>
        <el-radio v-model="condition.item2" label="B">B、与他人和谐相处</el-radio>
        <el-radio v-model="condition.item2" label="C">C、独立自主</el-radio>
        <el-radio v-model="condition.item2" label="D">D、联系自身的创造力</el-radio>
      </el-form-item>-->
      <!-- ITEM3 -->
      <el-row>
        <el-col :span="22" :offset="1">3、我常常处于以下哪种情绪当中</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、兴奋与刺激</el-col>
        <el-col :span="5">B、热情与受鼓舞</el-col>
        <el-col :span="5">C、谨慎与小心翼翼</el-col>
        <el-col :span="5">D、冷静与冷漠</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input9">
            <el-input v-model="condition.input9"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input10">
            <el-input v-model="condition.input10"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input11">
            <el-input v-model="condition.input11"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input12">
            <el-input v-model="condition.input12"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">3、我常常处于以下哪种情绪当中</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item3" label="A">A、兴奋与刺激</el-radio>
        <el-radio v-model="condition.item3" label="B">B、热情与受鼓舞</el-radio>
        <el-radio v-model="condition.item3" label="C">C、谨慎与小心翼翼</el-radio>
        <el-radio v-model="condition.item3" label="D">D、冷静与冷漠</el-radio>
      </el-form-item>-->
      <!-- ITEM4 -->
      <el-row>
        <el-col :span="22" :offset="1">4、我会不断的</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、完善我的手工作品</el-col>
        <el-col :span="5">B、帮助他人肯定自我</el-col>
        <el-col :span="5">C、帮助他人做正确的事情</el-col>
        <el-col :span="5">D、弄清楚事物的工作原理</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input13">
            <el-input v-model="condition.input13"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input14">
            <el-input v-model="condition.input14"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input15">
            <el-input v-model="condition.input15"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input16">
            <el-input v-model="condition.input16"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">4、我会不断的</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item4" label="A">A、完善我的手工作品</el-radio>
        <el-radio v-model="condition.item4" label="B">B、帮助他人肯定自我</el-radio>
        <el-radio v-model="condition.item4" label="C">C、帮助他人做正确的事情</el-radio>
        <el-radio v-model="condition.item4" label="D">D、弄清楚事物的工作原理</el-radio>
      </el-form-item>-->
      <!-- ITEM5 -->
      <el-row>
        <el-col :span="22" :offset="1">5、通常情况下我往往表现得</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、实际与投机</el-col>
        <el-col :span="5">B、富于同情心与利他主义</el-col>
        <el-col :span="5">C、有责任感与勤勉</el-col>
        <el-col :span="5">D、高效与实用</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input17">
            <el-input v-model="condition.input17"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input18">
            <el-input v-model="condition.input18"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input19">
            <el-input v-model="condition.input19"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input20">
            <el-input v-model="condition.input20"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">5、通常情况下我往往表现得</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item5" label="A">A、实际与投机</el-radio>
        <el-radio v-model="condition.item5" label="B">B、富于同情心与利他主义</el-radio>
        <el-radio v-model="condition.item5" label="C">C、有责任感与勤勉</el-radio>
        <el-radio v-model="condition.item5" label="D">D、高效与实用</el-radio>
      </el-form-item>-->
      <!-- ITEM6 -->
      <el-row>
        <el-col :span="22" :offset="1">6、我会因为以下何种原因更加尊敬自己</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、大胆与酷爱冒险</el-col>
        <el-col :span="5">B、善良与仁慈</el-col>
        <el-col :span="5">C、做好事</el-col>
        <el-col :span="5">D、自治与独立</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input21">
            <el-input v-model="condition.input21"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input22">
            <el-input v-model="condition.input22"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input23">
            <el-input v-model="condition.input23"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input24">
            <el-input v-model="condition.input24"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">6、我会因为以下何种原因更加尊敬自己</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item6" label="A">A、大胆与酷爱冒险</el-radio>
        <el-radio v-model="condition.item6" label="B">B、善良与仁慈</el-radio>
        <el-radio v-model="condition.item6" label="C">C、做好事</el-radio>
        <el-radio v-model="condition.item6" label="D">D、自治与独立</el-radio>
      </el-form-item>-->
      <!-- ITEM7 -->
      <el-row>
        <el-col :span="22" :offset="1">7、我更倾向于信赖</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、冲动与突如其来的怪念头</el-col>
        <el-col :span="5">B、善良与仁慈</el-col>
        <el-col :span="5">C、习俗与传统</el-col>
        <el-col :span="5">D、纯粹的理性与严谨的逻辑</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input25">
            <el-input v-model="condition.input25"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input26">
            <el-input v-model="condition.input26"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input27">
            <el-input v-model="condition.input27"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input28">
            <el-input v-model="condition.input28"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">7、我更倾向于信赖</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item7" label="A">A、冲动与突如其来的怪念头</el-radio>
        <el-radio v-model="condition.item7" label="B">B、善良与仁慈</el-radio>
        <el-radio v-model="condition.item7" label="C">C、习俗与传统</el-radio>
        <el-radio v-model="condition.item7" label="D">D、纯粹的理性与严谨的逻辑</el-radio>
      </el-form-item>-->
      <!-- ITEM8 -->
      <el-row>
        <el-col :span="22" :offset="1">8、有时候，我会渴望</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、给他人留下深刻印象与造成一定的影响</el-col>
        <el-col :span="5">B、沉让自己沉浸在浪漫的梦想当中</el-col>
        <el-col :span="5">C、成为一名有价值且遵纪守法的成员</el-col>
        <el-col :span="5">D、获得突破性的科学成就</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input29">
            <el-input v-model="condition.input29"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input30">
            <el-input v-model="condition.input30"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input31">
            <el-input v-model="condition.input31"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input32">
            <el-input v-model="condition.input32"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">8、有时候，我会渴望</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item8" label="A">A、给他人留下深刻印象与造成一定的影响</el-radio>
        <el-radio v-model="condition.item8" label="B">B、善良与仁慈</el-radio>
        <el-radio v-model="condition.item8" label="C">C、习俗与传统</el-radio>
        <el-radio v-model="condition.item8" label="D">D、纯粹的理性与严谨的逻辑</el-radio>
      </el-form-item>-->
      <!-- ITEM9 -->
      <el-row>
        <el-col :span="22" :offset="1">9、我一生都在追求获得更多的</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、激动人心的事件与冒险</el-col>
        <el-col :span="5">B、自我了解</el-col>
        <el-col :span="5">C、安全与安全感</el-col>
        <el-col :span="5">D、高效率的操作方式</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input33">
            <el-input v-model="condition.input33"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input34">
            <el-input v-model="condition.input34"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input35">
            <el-input v-model="condition.input35"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input36">
            <el-input v-model="condition.input36"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">9、我一生都在追求获得更多的</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item9" label="A">A、激动人心的事件与冒险</el-radio>
        <el-radio v-model="condition.item9" label="B">B、自我了解</el-radio>
        <el-radio v-model="condition.item9" label="C">C、安全与安全感</el-radio>
        <el-radio v-model="condition.item9" label="D">D、高效率的操作方式</el-radio>
      </el-form-item>-->
      <!-- ITEM10 -->
      <el-row>
        <el-col :span="22" :offset="1">10、面对将来，我会</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、我敢打赌，好运气总会降临在我身上</el-col>
        <el-col :span="5">B、我相信，人们的内心都是善良的</el-col>
        <el-col :span="5">C、小心驶得万年船</el-col>
        <el-col :span="5">D、时刻保持警惕</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input37">
            <el-input v-model="condition.input37"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input38">
            <el-input v-model="condition.input38"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input39">
            <el-input v-model="condition.input39"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input40">
            <el-input v-model="condition.input40"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">10、面对将来，我会</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item10" label="A">A、我敢打赌，好运气总会降临在我身上</el-radio>
        <el-radio v-model="condition.item10" label="B">B、我相信，人们的内心都是善良的</el-radio>
        <el-radio v-model="condition.item10" label="C">C、小心驶得万年船</el-radio>
        <el-radio v-model="condition.item10" label="D">D、时刻保持警惕</el-radio>
      </el-form-item>-->
      <!-- ITEM11 -->
      <el-row>
        <el-col :span="22" :offset="1">11、如果有可能，我愿意成为</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、一名艺术家</el-col>
        <el-col :span="5">B、一名预言家</el-col>
        <el-col :span="5">C、一名行政主管</el-col>
        <el-col :span="5">D、一名技术天才</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input41">
            <el-input v-model="condition.input41"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input42">
            <el-input v-model="condition.input42"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input43">
            <el-input v-model="condition.input43"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input44">
            <el-input v-model="condition.input44"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">11、如果有可能，我愿意成为</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item11" label="A">A、一名艺术家</el-radio>
        <el-radio v-model="condition.item11" label="B">B、一名预言家</el-radio>
        <el-radio v-model="condition.item11" label="C">C、一名行政主管</el-radio>
        <el-radio v-model="condition.item11" label="D">D、一名技术天才</el-radio>
      </el-form-item>-->
      <!-- ITEM12 -->
      <el-row>
        <el-col :span="22" :offset="1">12、我最擅长于从事何种工作</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、工具与设备相关工作</el-col>
        <el-col :span="5">B、人力资源发展工作</el-col>
        <el-col :span="5">C、物资与服务工作</el-col>
        <el-col :span="5">D、系统与结构工作</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input45">
            <el-input v-model="condition.input45"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input46">
            <el-input v-model="condition.input46"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input47">
            <el-input v-model="condition.input47"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input48">
            <el-input v-model="condition.input48"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">12、我最擅长于从事何种工作</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item12" label="A">A、工具与设备相关工作</el-radio>
        <el-radio v-model="condition.item12" label="B">B、人力资源发展工作</el-radio>
        <el-radio v-model="condition.item12" label="C">C、物资与服务工作</el-radio>
        <el-radio v-model="condition.item12" label="D">D、系统与结构工作</el-radio>
      </el-form-item>-->
      <!-- ITEM13 -->
      <el-row>
        <el-col :span="22" :offset="1">13、作为行动的向导，我更倾向于看重</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、眼前的优势</el-col>
        <el-col :span="5">B、未来的可能性</el-col>
        <el-col :span="5">C、过去的经验</el-col>
        <el-col :span="5">D、必须与充足的条件</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input49">
            <el-input v-model="condition.input49"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input50">
            <el-input v-model="condition.input50"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input51">
            <el-input v-model="condition.input51"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input52">
            <el-input v-model="condition.input52"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">13、作为行动的向导，我更倾向于看重</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item13" label="A">A、眼前的优势</el-radio>
        <el-radio v-model="condition.item13" label="B">B、未来的可能性</el-radio>
        <el-radio v-model="condition.item13" label="C">C、过去的经验</el-radio>
        <el-radio v-model="condition.item13" label="D">D、必须与充足的条件</el-radio>
      </el-form-item>-->
      <!-- ITEM14 -->
      <el-row>
        <el-col :span="22" :offset="1">14、满足以下哪项条件会令我感到最自信</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、适应性强与灵活多变</el-col>
        <el-col :span="5">B、诚恳与真实</el-col>
        <el-col :span="5">C、荣誉与值得尊敬</el-col>
        <el-col :span="5">D、坚韧的意志与决心</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input53">
            <el-input v-model="condition.input53"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input54">
            <el-input v-model="condition.input54"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input55">
            <el-input v-model="condition.input55"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input56">
            <el-input v-model="condition.input56"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">14、满足以下哪项条件会令我感到最自信</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item14" label="A">A、适应性强与灵活多变</el-radio>
        <el-radio v-model="condition.item14" label="B">B、诚恳与真实</el-radio>
        <el-radio v-model="condition.item14" label="C">C、荣誉与值得尊敬</el-radio>
        <el-radio v-model="condition.item14" label="D">D、坚韧的意志与决心</el-radio>
      </el-form-item>-->
      <!-- ITEM15 -->
      <el-row>
        <el-col :span="22" :offset="1">15、当其他人怎样做时我会表示出由衷的赞赏</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、用慷慨的言行给我以惊喜</el-col>
        <el-col :span="5">B、了解并认识到了真正的自我</el-col>
        <el-col :span="5">C、表达他们对我的感激之情</el-col>
        <el-col :span="5">D、向我寻求理性的意见</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input57">
            <el-input v-model="condition.input57"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input58">
            <el-input v-model="condition.input58"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input59">
            <el-input v-model="condition.input59"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input60">
            <el-input v-model="condition.input60"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="22" :offset="1">15、当其他人怎样做时我会表示出由衷的赞赏</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item15" label="A">A、用慷慨的言行给我以惊喜</el-radio>
        <el-radio v-model="condition.item15" label="B">B、了解并认识到了真正的自我</el-radio>
        <el-radio v-model="condition.item15" label="C">C、表达他们对我的感激之情</el-radio>
        <el-radio v-model="condition.item15" label="D">D、向我寻求理性的意见</el-radio>
      </el-form-item>-->
      <!-- ITEM16 -->
      <el-row>
        <el-col :span="22" :offset="1">16、每当想到不幸</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="5" :offset="2">A、我通常会一笑置之</el-col>
        <el-col :span="5">B、我通常会思考不幸产生的原因</el-col>
        <el-col :span="5">C、我会试图将不幸的后果减少到最小</el-col>
        <el-col :span="5">D、我会从一个宽广的视角来看待它</el-col>
      </el-row>
      <br />
      <el-row>
        <el-col :span="3" :offset="1">
          <el-form-item prop="input61">
            <el-input v-model="condition.input61"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input62">
            <el-input v-model="condition.input62"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input63">
            <el-input v-model="condition.input63"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3" :offset="2">
          <el-form-item prop="input64">
            <el-input v-model="condition.input64"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <!-- <el-row>
        <el-col :span="22" :offset="1">15、当其他人怎样做时我会表示出由衷的赞赏</el-col>
      </el-row>
      <el-form-item label=" " prop="item">
        <el-radio v-model="condition.item16" label="A">A、我通常会一笑置之</el-radio>
        <el-radio v-model="condition.item16" label="B">B、我通常会思考不幸产生的原因</el-radio>
        <el-radio v-model="condition.item16" label="C">C、我会试图将不幸的后果减少到最少</el-radio>
        <el-radio v-model="condition.item16" label="D">D、我会从一个宽广的视角来看待它</el-radio>
      </el-form-item>-->

      <el-row>
        <el-col :span="8" :offset="11">
          <el-button type="primary" @click="submit('MBTIOne')">提交</el-button>
        </el-col>
      </el-row>
    </el-form>
    <br />
    <br />
    <br />
  </div>
</template>
<script>
import { saveMBITOne } from "../api/MBIT.js";
export default {
  data() {
    return {
      pickerOptions: {
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              picker.$emit("pick", new Date());
            }
          },
          {
            text: "昨天",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit("pick", date);
            }
          },
          {
            text: "一周前",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", date);
            }
          }
        ]
      },
      condition: {
        name: null,
        number: null,
        department: null,
        job: null,
        dateTime: null,
        _dateTime: null,
        // item1: null,
        // item2: null,
        // item3: null,
        // item4: null,
        // item5: null,
        // item6: null,
        // item7: null,
        // item8: null,
        // item9: null,
        // item10: null,
        // item11: null,
        // item12: null,
        // item13: null,
        // item14: null,
        // item15: null,
        // item16: null
        input1: "",
        input2: "",
        input3: "",
        input4: "",

        input5: "",
        input6: "",
        input7: "",
        input8: "",

        input9: "",
        input10: "",
        input11: "",
        input12: "",

        input13: "",
        input14: "",
        input15: "",
        input16: "",

        input17: "",
        input18: "",
        input19: "",
        input20: "",

        input21: "",
        input22: "",
        input23: "",
        input24: "",

        input25: "",
        input26: "",
        input27: "",
        input28: "",

        input25: "",
        input26: "",
        input27: "",
        input28: "",

        input29: "",
        input30: "",
        input31: "",
        input32: "",

        input33: "",
        input34: "",
        input35: "",
        input36: "",

        input37: "",
        input38: "",
        input39: "",
        input40: "",

        input37: "",
        input38: "",
        input39: "",
        input40: "",

        input41: "",
        input42: "",
        input43: "",
        input44: "",

        input45: "",
        input46: "",
        input47: "",
        input48: "",

        input49: "",
        input50: "",
        input51: "",
        input52: "",

        input49: "",
        input50: "",
        input51: "",
        input52: "",

        input53: "",
        input54: "",
        input55: "",
        input56: "",

        input57: "",
        input58: "",
        input59: "",
        input60: "",
        input61: "",
        input62: "",
        input63: "",
        input64: ""
      },
      score: [],
      rule: {
        name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
        number: [{ required: true, message: "请输入工号", trigger: "blur" }],
        department: [
          { required: true, message: "请输入部门", trigger: "blur" }
        ],
        job: [{ required: true, message: "请输入岗位", trigger: "blur" }],
        dateTime: [{ required: true, message: "请选择日期", trigger: "blur" }],
        item: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input1: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input2: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input3: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input4: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input5: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input6: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input7: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input8: [{ required: true, message: "请进行选择", trigger: "blur" }],

        input9: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input10: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input11: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input12: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input13: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input14: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input15: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input16: [{ required: true, message: "请进行选择", trigger: "blur" }],

        input9: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input10: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input11: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input12: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input13: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input14: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input15: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input16: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input9: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input10: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input11: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input12: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input13: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input14: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input15: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input16: [{ required: true, message: "请进行选择", trigger: "blur" }],

        input17: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input18: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input19: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input20: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input21: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input22: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input23: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input24: [{ required: true, message: "请进行选择", trigger: "blur" }],

        input25: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input26: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input27: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input28: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input29: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input30: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input31: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input32: [{ required: true, message: "请进行选择", trigger: "blur" }],

        input33: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input34: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input35: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input36: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input37: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input38: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input39: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input40: [{ required: true, message: "请进行选择", trigger: "blur" }],

        input41: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input42: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input43: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input44: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input45: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input46: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input47: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input48: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input49: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input50: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input51: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input52: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input53: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input54: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input55: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input56: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input57: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input58: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input59: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input60: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input61: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input62: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input63: [{ required: true, message: "请进行选择", trigger: "blur" }],
        input64: [{ required: true, message: "请进行选择", trigger: "blur" }]
      },
      FScore: [],
      AScore: 0,
      BScore: 0,
      CScore: 0,
      DScore: 0,
      instance: null
    };
  },
  methods: {
    submit(forName) {
      this.AScore = this.BScore = this.CScore = this.DScore = 0;
      this.score = [];
      // console.log(this.score);
      this.$refs[forName].validate(valid => {
        if (valid) {
          //统计得分
          for (let i in this.condition) {
          /** 增加校验得分不得大于4 */
<<<<<<< HEAD
            if ( i > 4 && this.condition[i] > 4) {
=======
            if ( i > 5 && this.condition[i] > 4) {
              console.log(this.condition[i]);
>>>>>>> two
              alert("单项不得大于4");
            }
            this.score.push(this.condition[i]);
          }
          //统计A选项得分
          for (let index = 5; index < this.score.length; index += 4) {
            if (this.score[index]) {
              this.AScore += parseInt(this.score[index]);
            }
          }
          this.FScore.push(this.AScore);
          //统计B选项得分
          for (let index = 6; index < this.score.length; index += 4) {
            if (this.score[index]) {
              this.BScore += parseInt(this.score[index]);
            }
          }
          this.FScore.push(this.BScore);
          //统计C选项得分
          for (let index = 7; index < this.score.length; index += 4) {
            if (this.score[index]) {
              this.CScore += parseInt(this.score[index]);
            }
          }
          this.FScore.push(this.CScore);
          //统计D选项得分
          for (let index = 8; index < this.score.length; index += 4) {
            if (this.score[index]) {
              this.DScore += parseInt(this.score[index]);
            }
          }
          this.FScore.push(this.DScore);
          // 统计得分最小的值
          this.FScore.sort();

          // 将分数保存至数据库;
          saveMBITOne(
            this.condition,
            this.AScore,
            this.BScore,
            this.CScore,
            this.DScore
          ).then(res => {
            this.loading = false;
            if (res) {
              // console.log(res);
            } else {
              // console.log(res);
            }
          });

          if ((this.FScore[3] = this.AScore)) {
            this.$alert("您的测试结果为SP", "测试结果", {
              confirmButtonText: "确定",
              callback: action => {
                // this.$message({
                //   type: "info",
                //   message: `action: ${action}`
                // });
              }
            });
          } else if ((this.FScore[3] = this.BScore)) {
            this.$alert("您的测试结果为NF", "测试结果", {
              confirmButtonText: "确定",
              callback: action => {
                // this.$message({
                //   type: "info",
                //   message: `action: ${action}`
                // });
              }
            });
          } else if ((this.FScore[3] = this.CScore)) {
            this.$alert("您的测试结果为SJ", "测试结果", {
              confirmButtonText: "确定",
              callback: action => {
                // this.$message({
                //   type: "info",
                //   message: `action: ${action}`
                // });
              }
            });
          } else if ((this.FScore[3] = this.DScore)) {
            this.$alert("您的测试结果为NT", "测试结果", {
              confirmButtonText: "确定",
              callback: action => {
                // this.$message({
                //   type: "info",
                //   message: `action: ${action}`
                // });
              }
            });
          }
        }
      });
    }
  },
  mounted() {
    this.instance = this.$notify({
      title: "提示",
      message:
        "按照自己的情况，对每一题中的四个选项进行排序。根据每个选项与自身情况的吻合程度不同，按照从最像→比较像→不太像→最不像的顺序，分别标记“1”、“2”、“3”、“4”，并将记号写在选项下的空格中。",
      duration: 0
    });
  },
  beforeDestroy() {
    this.instance.close();
  }
};
</script>
<style>
.titleClass {
  width: auto;
  text-align: center;
}
</style>